.main {
	background-color: #f2f2f2;
	overflow: hidden;
	height: 100%;

	.area {
		width: 1100px;
		margin: 0px auto;
	}

	.tablearea {
		background-color: #ffffff;
		height: 560px;
		margin-top: 10px;

		.categorytable {
			margin-top: 10px;
			margin-left: 50px;
			width: 1002px;

			.Theader {
				background-color: #f2f2f2;
				height: 40px;
				border: 1px solid #e4e4e4;
				box-sizing: border-box;

				div {
					float: left;
					text-align: center;
					line-height: 40px;
					box-sizing: border-box;
					border-right: 1px solid #e4e4e4;

					&:nth-last-of-type(1) {
						border: none;
					}
				}
			}

			.Tbodys {
				height: 40px;
				border: 1px solid #e4e4e4;
				box-sizing: border-box;

				div {
					float: left;
					text-align: center;
					line-height: 40px;
					box-sizing: border-box;
					border-right: 1px solid #e4e4e4;

					&:nth-last-of-type(1) {
						border: none;
					}
				}
			}

			.numbers {
				width: 10%;
			}

			.codes {
				width: 20%;
			}

			.categorys {
				width: 30%;
			}

			.sorts {
				width: 15%;
			}

			.operates {
				width: 25%;
				cursor: pointer;
				span {
					
				color: #0066ff;
					margin-right: 10px;
					&:last-of-type {
						margin-right: 0px;
					}
					&:hover {
						text-decoration: underline;
					}
				}
			}
		}
	}
}
